$(function () {
  $("#slider").slidebox({
    boxh: 400,//轮播的高度
    w: 1000,//图片宽度
    h: 370,//图片高度
    isShow: true,//是否显示控制按钮
    isShowBtn: true,//是否显示左右按钮
    controltop: 10,//控制器按钮上下偏移距离 
    controlsW: 10,//控制按钮宽度
    controlsH: 10,//控制按钮高度
    radius: 10,//圆角度数
    controlsColor: "#000",//普通控制按钮的颜色
    controlsCurrentColor: "#f60"//当前控制按钮的颜色
  })
  $(".boox-slider").slidebox({
    boxh: 218,//轮播的高度
    w: 328,//图片宽度
    h: 218,//图片高度
    isShow: true,//是否显示控制按钮
    isShowBtn: true,//是否显示左右按钮
    controltop: 10,//控制器按钮上下偏移距离 
    controlsW: 20,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 10,//圆角度数
    controlsColor: "#000",//普通控制按钮的颜色
    controlsCurrentColor: "#f60"//当前控制按钮的颜色
  })


  let ttbox = document.querySelectorAll('.book .title li')
  let boxr = document.querySelectorAll('.boox-rrl')
  let oldIndex = 0;

  function tab1(a, b) {
    for (let i = 0; i < a.length; i++) {
      a[i].addEventListener('mouseover',function(){
        for (let j = 0; j < a.length; j++) {
          a[j].classList.remove('actvu')
          b[j].classList.remove('onne')
        }
  
        a[i].classList.add('actvu')
        b[i].classList.add('onne')
     })
      
    }
  }
  tab1(ttbox, boxr)
  
  //服装TAB切换
  let clothul = document.querySelectorAll('.cloth .title li')
  let clothtex = document.querySelectorAll('.boox-rr2')
  tab1(clothul, clothtex)

  //运动TAB切换
  let sporthul = document.querySelectorAll('.sport .title li')
  let sporttex = document.querySelectorAll('.boox-rr3')
  tab1(sporthul, sporttex)

  //童装TAB切换
  let childthul = document.querySelectorAll('.child .title li')
  let childtex = document.querySelectorAll('.boox-rr4')
  tab1(childthul, childtex)


  //手风琴
  let sfqli = document.querySelectorAll('.book .boox-right li')
  let shijie = document.querySelectorAll('.shijie')
  let linep = document.querySelectorAll('.linep')

  for (let i = 0; i < sfqli.length; i++) {
    sfqli[i].addEventListener('mouseover', function () {
      for (let j = 0; j < sfqli.length; j++) {
        shijie[j].classList.add('boox-rr')
        linep[j].classList.remove('boox-rr')

      }
      shijie[i].classList.remove('boox-rr')
      linep[i].classList.add('boox-rr')
    })

  }


  $(".cloth-z1").slidebox({
    boxh: 348,//轮播的高度
    w: 431,//图片宽度
    h: 348,//图片高度
    isShow: true,//是否显示控制按钮
    isShowBtn: true,//是否显示左右按钮
    controltop: 10,//控制器按钮上下偏移距离 
    controlsW: 20,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 10,//圆角度数
    controlsColor: "#000",//普通控制按钮的颜色
    controlsCurrentColor: "#f60"//当前控制按钮的颜色
  })

  
  //楼层滚动
  $('.floor li').hover(function(){
    //获取data
    let  bgcolor=$(this).data('bgcolor')
    $(this).css({
      'background-color':bgcolor,
      'width':80,
      'background-position-x':-40
    })
  },function(){
    $(this).css({
      'background-color': '',
      'background-position-x': 0,
      'width': 40
    })
  }).on('click',function(){
    let index=$(this).index()
    let sTop = $('.floor-box').eq(index).offset().top
   $('html, body').animate({scrollTop: sTop}, 300)
  })



  //固定头部搜索框
  $(window).on('scroll', function (){
    let sTop=parseInt($('html,body').scrollTop());
   if(sTop>700){
     $('.top-input').slideDown()
     $('.search').appendTo('.top-input')
   }else{
    $('.top-input').slideUp()
    $('.search').prependTo('.shopcar')
   }
  })  
})